<style type="text/css">

    .login-page main{
        background: #fff;
        background-size: 100% auto;
    
    }
    .login-page footer{
        background: #fff;
        background-size: 100% auto;
    
    }
    .clearfix::after{
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .logo{
        height: 2rem;
        margin: 1.2rem auto 0.3rem 0.8rem;
        text-align: center;
        color: red;
        font-size: 0.7rem;
        font-weight: bold;
        float: left;
    }
    .login-form {
        padding-left: .6rem;
        padding-right: .6rem;
    }
    .login-form .bui-list{
        border-top: none;
        margin-bottom: .7rem;
    }
    .login-form > .bui-btn{
        margin-bottom: .3rem;
    }
    .login-form .btn-input{
        border-radius: 0.35rem;
        background-color:#e8e8e8a1;
        margin-bottom: 0.1rem;
    }
    .login-form .bui-btn-text{
        margin-bottom: .2rem;
    }
    
    .login-form .bui-label{
        width: 0.5rem;
        margin-right: .2rem;
    }
    .login-form .icon-face,
    .login-form .icon-lock{
        font-size: 0.48rem;
    }
    .login-form .bui-input {
        height: .6rem;
        background: none;
    }
    .login-form .bui-btn-text{
        text-align: center;
        color: #666666;
        font-size: 0.2rem;
    }
    .copyright{
        font-size: 0.17rem;
        color: #999999;
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        padding-bottom: 0.25rem;
    }
    
    .icon-eye:before {
        content: "\e680"
    }
    .icon-eye.active:before {
        content: "\e67f"
    }
    .btn-op {
        border-radius: 0.5rem;
        width: 4.7rem;
    }

    /*微信登录css*/
	
	.bui-btn-weixin{
		
		height: 100px;
		width: 100px;
		text-align: center;
        position: relative;
        bottom:10px
	}
	/*微信登录css*/
    
</style>

<div class="login-page bui-page">
    <main>
        <!-- clearfix 清除浮动 -->
        <div class="clearfix">
            <div class="logo bui-box-center">
                <span>登陆</span>
            </div>
        </div>
        <div class="login-form">
            <ul class="bui-list">
                <!-- 图标的图片 -->
                <li class="bui-btn bui-box clearactive btn-input">
                    <label class="bui-label" for="user"><i class="icon-face"></i></label>
                    <div class="span1">
                        <div class="bui-input user-input">
                            <input id="user" type="text" placeholder="用户名">
                        </div>
                    </div>
                </li>
                <li class="bui-btn bui-box clearactive btn-input">
                    <label class="bui-label" for="password"><i class="icon-lock"></i></label>
                    <div class="span1">
                        <div class="bui-input password-input">
                            <input id="password" type="password" placeholder="密码">
                        </div>
                    </div>
                </li>
            </ul>
            <div id="btn-login" class="bui-btn danger btn-op">登录</div>
            <div id="btn-register" class="bui-btn danger-reverse btn-op">注册</div>
            
            <div class="bui-box bui-box-center">
                <div class="bui-box-center" style="font-size: 0.24rem;margin-right:1.2rem">
                    <input id="rememberpwd" type="checkbox" class="bui-checkbox" name="interester2" value="" text="" checked="checked" style="transform: scale(0.8,0.8)">
                    <div style="display: inline-block;">
                        <label for="rememberpwd">记住密码</label>
                    </div>
                </div>
                <div id="btn-forget" style="font-size: 0.24rem; margin-left:1rem">忘记密码</div>
            </div>

    </main>
    <footer>
        
            <!-- 微信登录相关代码 -->
			<div align="center">
                <img class="bui-btn-weixin" id="weixinLogin" src="images/login/weixin_login_128.png" style="border-style: none;"/>
                </div>
                
                <div class= "bui-btn-text" id="test">微信登录</div>
                <!-- 微信登录相关代码 -->
        </div>
    </footer>
</div>